.container {
    width: 100%;
    box-sizing: border-box;
    min-height: 101vh;
    padding: 15 0rpx;
    background-color: #ffffff;
}

.listbox {
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 0 30rpx;

    .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 30rpx;
        padding-top: 30rpx;
        border-bottom: 1px solid #EEEEEE;

        .right {
            .price {
                color: #3D3D3D;
                font-size: 36rpx;
                font-weight: 700;
            }

            .ststus {
                min-width: 50rpx;
                height: 44rpx;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 24rpx;
                border-radius: 4rpx;
            }

            .statusoncheck {
                background: rgba(62, 95, 245, .1);
                color: #3E5FF5;
            }

            .statusno {
                background: rgba(148, 151, 177, .1);
                color: #9497B1;
            }

            .statusok {
                background: rgba(0, 214, 121, .1);
                color: #00D679;
            }
        }

        .left {
            .top {
                font-size: 28rpx;
                color: #3D3D3D;
                font-weight: 700;
                margin-bottom: 34rpx;
            }

            .center,
            .bottom {
                margin-bottom: 10rpx;
                color: #9497B1;
                font-size: 24rpx;
            }
        }
    }
}

.timefilter {
    width: 100%;
    box-sizing: border-box;
    padding: 0 32rpx;
    color: #3D3D3D;
    margin-bottom: 34rpx;
}

.color6 {
    font-size: 36rpx;
    font-weight: 700;
    margin-right: 12rpx;
}
.font30{
    display: flex;
    align-items: center;
}